<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./src/css/public.css">
    <link rel="stylesheet" href="./src/css/buycar.css">
    <script src="./js/jquery-1.11.1.min.js"></script>
    <script src="./src/js/buycar.js"></script>
</head>

<body>
    <div class="head">
        <div class="navbar">
            <div class="navbar-header">
                <a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/src/firstpage.html">
                    <div class="logo"></div>
                </a>
                <div class="dropdown">
                    <li class="li1">
                        <a href="">所有商品</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">篮球</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">跑步</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">新品</a></li>
                    <li class="li1"><a href="">企业团购</a></li>
                    <li class="li1"><a href="">大码鞋</a></li>
                    <li class="li1"><a href="">态极</a></li>
                    <li class="li1"><a href="">秒杀</a></li>
                </div>
                <div class="nav-wrapper">
                    <span class="sp1"><a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/src/login.html">请登录</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/buycar01.html">购物车(0)</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">我的订单</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">网站导航</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">联系客服</a><span style="float: left;">|</span></span>
                    <span class="sp1 spn1"><a href=""><img src="./img/icon_phone.png">手机版</a>
                        <div class="nav-wrapper-phone"><img src="./img/m_epeaksport.jpg" alt=""></div>
                    </span>
                </div>
                <div class="search"> <input type="text"><span class="searchimg"></span></div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="peak-path">
            <p>您当前所在的位置：
                <a href="https://www.epeaksport.com">首页</a>
                &gt; <a hidefocus="true" href="https://www.epeaksport.com/XP001-Search/Initial-.html"
                    style="color:#777777"></a> &gt; <a hidefocus="true"
                    href="https://www.epeaksport.com/XP001-Search/Initial-_.html" style="color:#777777"></a> &gt; <span
                    class="">DF612092</span>
            </p>
        </div>
        <div class="indexcontent">
            <div class="leftcontent">
                <div class="imgchange">
                    <ul>
                        <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                        <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                    </ul>
                    <div class="middlearea"></div>
                </div>
                <div class="bigarea">
                    <div class="bigimg">
                        <ul>
                            <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
                <div class="scroll">
                    <div class="arrl"><img src="./img/cycle-left.png" alt=""></div>
                    <div class="arrr"><img src="./img/cycle-right.png" alt=""></div>
                    <div class="items">
                        <ul>
                            <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_2051_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_4785_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_5557_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_6115_x_800_x_800.jpg" alt=""></li>
                            <li><img src="./img/x1612515248361_9006_x_800_x_800.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="rightcontent">
                <div class="detail">女子圆领短T恤 DF612092</div>
                <div class="tips-wrapper">
                    <div class="tips-title">【限量抢购】</div>
                </div>
                <div class="good-detail">
                    <div class="good-detail-item">
                        <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                        <p>抢购价￥<span class="price">59.00</span><span class="oldprice">￥99.00</span></p>
                    </div>
                    <div class="good-detail-item"><span>领&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;卷</span></div>
                    <div class="good-detail-item">
                        <span>活&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;动</span>
                        <ul class="good-detail-info active-list-container ">
                            <li class="active-list-wrapper">
                                <div class="active-icon-item"><span class="active-icon">积分抵现</span></div>
                                <div class="active-desc">此商品匹克积分最高可抵现20元。
                                    <a class="" href="javascript:showDiv()">积分抵现规则详情&gt;&gt;</a>
                                </div>
                            </li>
                            <li class="active-list-wrapper">
                                <div class="active-icon-item"><span class="active-icon">限时抢购</span></div>
                                <div class="active-desc">【初秋聚划算】</div>
                            </li>
                            <li class="active-list-wrapper">
                                <div class="active-icon-item"><span class="active-icon">满包邮</span></div>
                                <div class="active-desc">【订单满59元】包邮</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="goods-color">
                    <span>选择颜色</span>
                    <ul>
                        <li><img src="./img/x1610669946979_3389_x_448_x_448.jpg" alt=""></li>
                        <li><img src="./img/x1610669946979_7172_x_448_x_448.jpg" alt=""></li>
                        <li><img src="./img/x1610669946979_8390_x_448_x_448.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="goods-size clearfix">
                    <span>选择尺码</span>
                    <ul>
                        <li>XS</li>
                        <li>S</li>
                        <li>M</li>
                        <li>L</li>
                        <li>XL</li>
                        <li>X2L</li>
                    </ul>
                </div>
                <div class="btn-wrapper">
                    <p>限购数量</p>
                    <p>24</p>
                </div>
                <div class="btn-wrapper">
                    <p>购买数量</p>
                    <div class="number-container">
                        <div class="jian">-</div>
                        <input type="text" value="1">
                        <div class="jia">+</div>
                    </div>
                </div>
                <div class="has-check">
                    <p>已选择商品:</p>
                    <p class="p1">大白XS</p>
                </div>
                <div class="btn-wrapper1">
                    <div class="btn-add" id="btn-add">加入购物车</div>
                    <div class="btn-like">喜欢</div>
                </div>
            </div>
        </div>
    </div>
</body>